$(function () {
    //鼠标悬浮事件
    $('.nav li').mouseover(function () {
        $(this).addClass('choicestyle').siblings().removeClass('choicestyle');
        var index = $(this).index();
        $('.part').eq(index).show().siblings('.part').hide();
    })

    $('.rank-bd p').mouseover(function () {
        $(this).parents('li').addClass('focus').siblings().removeClass('focus');
    })
    $('.nav-icon1').hover(function () {
        $(this).parent().siblings('.nav-scan').css('display', 'block');
    }, function () {
        $(this).parent().siblings('.nav-scan').css('display', 'none');
    })

    //侧边栏下滑一段距离显示
    function getTop() {
        var mytop = $(document).scrollTop();
        if (mytop > 400) {
            $('.side-nav').css({
                'display': 'block',
                'top': 620,
            });
        } else {
            $(".side-nav").css('display', 'none');
        }
        setTimeout(getTop);
    }

    getTop();
    /////////////////
    //自动轮播图
    var img_ul = document.querySelector('#slider-img');
    var img_li = document.querySelectorAll('#slider-img li');
    var nav_li = document.querySelectorAll('#slider-list li');
    var timer;
    var num = 0;
    var last = 0;
    function slideCur() {
        if (img_li[num].classList.contains("act")) {
            return;
        }
        img_li[last].classList.remove('act');
        nav_li[last].classList.remove('active');
        img_li[last].classList.add('hidden');
        img_li[num].classList.add('act');
        nav_li[num].classList.add('active');
        var l = last;
        var timeout = setTimeout(function () {
            img_li[l].classList.remove("hidden");
            clearTimeout(timeout);
        }, 600)
    }
    slideCur();

    function slideAuto() {
        timer = setInterval(function () {
            last = num;
            num = (num + 1) % img_li.length;
            slideCur();
        }, 3000)
    }
    slideAuto();

    // 鼠标移入
    img_ul.addEventListener('mouseover', function (event) {
        if (timer) {
            clearInterval(timer);
            timer = null;
        }
    })

    // 鼠标移出
    img_ul.addEventListener('mouseout', function () {
        if (!timer) {
            slideAuto();
        }
    });

    //导航鼠标移入;
    nav_li.forEach(function (item, i) {
        item.addEventListener('mouseover', function () {
            last = num;
            num = i;
            slideCur();
        })
    })




})